.content{
    position: relative;
    width: 100%;
    background-color: #fff;
    padding-bottom: 10px;
    font-size: 12px;
    .search{
        padding: 15px 0;
        position: relative;
        z-index: 12;
        display: flex;
        .logo{
            width: 330px;
            height: 60px;
            >img{
                width: 162px;
                padding-left: 23px;
            }
        }
        .searchbox{
            position: relative;
            left: -2px;
            width: 635px;
            height: 65px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            z-index: 1;
            form{
                width: 489px;
                height: 40px;
                box-sizing: border-box;
                border:2px solid #e4393c;
                display: flex;
                input{
                    display: block;
                    border: none;
                    outline: none;
                }
                .keyword{
                    width: 396px;
                    height: 26px;
                    padding: 5px;
                }
                .button{
                    color: #fff;
                    font-weight: 800;
                    width: 79px;
                    height: 36px;
                    background-color: #e4393c;
                }
                .search-nextbox{
                    position: absolute;
                    height: 230px;
                    width: 410px;
                    background-color: #fff;
                    top: 40px;
                    left: 0px;
                    display: none;
                    z-index: 100;
                    >li{
                        height: 20px;
                        margin: 0 10px;
                        border-bottom: 1px solid #f1f1f1;
                    }
                }
            }
            .hotwords{
                display: flex;
                height: 18px;
                color: #999;
                overflow: hidden;
                >b{
                    font-weight: 400;
                    margin-right: 5px;
                }
                >div a{
                    margin-right: 10px;
                }
            }
        }
        .shopcart{
            position: relative;
            margin-top: 13px;
            width: 112px;
            height: 30px;
            background-color: skyblue;
            dt{
                background: url(../imgs/shopcart.png) no-repeat;
                position: absolute;
                z-index: 3;
                height: 31px;
                padding: 0 20px 0 30px;
                border: 1px solid #efefef;
                background-position: -116px -85px;
                background-color: #fff;
                cursor: pointer;
                text-align: center;
                font-weight: 400;
                line-height: 27px;
                b{
                    position: absolute;
                    top: 9px;
                    right: 8px;
                    width: 0;
                    height: 0;
                    border: 5px dashed transparent;
                    border-top: 5px solid #ccc;
                    overflow: hidden;  
                }
            }
            dl:hover a{
                color: #f32;
            }
            dt:hover{
                border-bottom:solid 1px transparent;
            }
            dt:hover .cartbox{
                display: block;
            }
            dl a{
                color: #666;
            }
            .addcart{
                position: absolute;
                font: 700 11px/14px Verdana;
                color: #fff;
                background: red;
                text-align: center;
                display: inline-block;
                height: 15px;
                min-width: 15px;
                border: 0;
                border-radius: 50%;
                position: absolute;
                z-index: 10;
                top: -8px;
                left: 25px;
            }
            .cartbox{
                position: absolute;
                top: 29px;
                right: 0;
                border: 1px solid #e3e3e3;
                background: #fff;
                display: none;
                .emptycart{
                    position: relative;
                    width: 258px;
                    span{
                        display: block;
                        padding: 10px;
                        color: #999;
                    }
                }
            }
        }
    }
}
